#page{
  max-width: 750px;
  margin: 0 auto;
  .container{
    padding:0 0.65rem;
    font-size:14px;
    input{
      width: 100%;
      padding-left:10px;
      border: 1px solid #b1b0b0;
      border-radius: 5px;
      height: 0.7rem;
     &:focus{

     }
    }
    p{
      &:nth-child(1){
        margin-top: .3rem;
        margin-bottom:0.3rem;
      }
      &:nth-child(2){

      }
      &:nth-child(3){
        margin:0.3rem 0 0.4rem;
        position:relative;
        .getBtn{
          display: inline-block;
          text-align: center;
          //padding:0 2px;
          width:1.24rem;
           height: 0.5rem;
          background: #fff;
          border-radius: 5px;
          border:1px solid @red;
          color:@red;
          position:absolute;
          right: .1rem;
          top:50%;
          transform: translateY(-50%);
          font-size:12px;
        }
      }
      &:nth-child(4){
      }
      &:nth-child(5){
        margin:0.3rem 0 0;
      }
    }
    .btnBox{
      float:right;
      margin-top:0.8rem;
      //width:1.2rem;
      //height: .6rem;
      width: 100%;
      height: 0.8rem;
      text-align: center;
      background: @red;
      color:#fff;
      font-size: 0.32rem;
      font-weight: 400;
      border-radius: 5px;
      &.current{
        color:@qianhui;
        background: #ccc;
      }
    }
  }
  .mask,.anotherMask{
    position: fixed;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    width: 70%;
    text-align: center;
    padding:.2rem 0;
    background: rgba(0,0,0,.7);
    border-radius:10px;
    .text{
      font-size: 0.3rem;
      color:#fff;
    }
    .loading-dedai{
      //margin: 100px auto 0;
      position: absolute;
      right: 0;
      bottom:0.24rem;
      width: 120px;
      text-align: center;
      >div{
        width: 0.16rem;
        height: 0.16rem;
        background-color: #fff;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        &.bounce1{
          -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
        }
        &.bounce2{
          -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
        }
        &.bounce3{

        }
        @-webkit-keyframes bouncedelay {
          0%, 80%, 100% { -webkit-transform: scale(0.0) }
          40% { -webkit-transform: scale(1.0) }
        }

        @keyframes bouncedelay {
          0%, 80%, 100% {
            transform: scale(0.0);
            -webkit-transform: scale(0.0);
          } 40% {
              transform: scale(1.0);
              -webkit-transform: scale(1.0);
            }
        }
      }
    }
  }
  .anotherMask{
    padding:0.4rem 0;
  }
}



